<html>

<head>
    <script type="text/javascript">
        if (typeof jQuery != 'undefined') {
            console.log("success:jQuery引入成功");
        } else {
            console.log("failed:jQuery引入失败");
        }
        //scrollTo有两种语法：
        // 1、scrollTo(x,y)   //指定滚动到x轴和y轴的位置
        // 2、scrollTo(options)  //options可携带三个参数，（left,top,behavior）,
        // top 等同于  y-coord
        // left 等同于  x-coord
        // behavior  类型String,表示滚动行为,支持参数 smooth(平滑滚动),instant(瞬间滚动),默认值auto,实测效果等同于instant

        //以平滑地回到页面顶部为例
        function toTop() {
            window.scrollTo({
                top: 0,
                behavior: "smooth"
            })
        }
    </script>
</head>

<body>
    <p id='top'>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>
    <p>文本文本文本文本文本文本文本文本文本文本文本文本文本</p>

    <input type="button" value="滚动" onclick="toTop()" />
</body>
</html>